<template>
  <div>
    <TopTittle>
      <h1>账户</h1>
    </TopTittle>
    <div class="chuxu">
      <div>
        <router-link to="/carone">储蓄账号</router-link>
        <router-link to="/cartwo">信用卡</router-link>
      </div>

  </div>
  <router-view></router-view>
</div>
</template>

<script>
  import TopTittle from "@/components/index/TopTittle.vue";

export default {
  components:{
    TopTittle
  },


}
</script>

<style lang="scss" scoped>


  // 储蓄账号
  .chuxu {
    >div {
      width: 90%;
      height: .7rem;
      margin: auto;
      line-height: .7rem;
      a {
        margin-right: .2rem;
      }
    }
    // background: #999;
  }
  .router-link-exact-active {
    padding-bottom: .1rem;
    border-bottom: 2px solid #000;
  }

</style>